import {main} from './index.module.scss'
import { importStores } from "zbee-webpack";

import {
    importBlocks
} from 'zbee-webpack' ;
const {
    useInfoScenesStore
    //使用指定的数据
} = importStores();
const {
    'CreateScene/Subtitle':Subtitle,
    'CreateScene/Groups':Groups,
    'CreateScene/SceneObjects':SceneObjects
} = importBlocks();

export default {
   body:{
    class:main,
    items:[
      //VERTICAL 2 ROWS>>>>>>
      {
      //-----style inline ------
      style:{
       'width':'100%',
       'height':'100%',
      },
      //-----style inline ------
      items:[
        {
            widget: Subtitle ,
        },//top=>bottom No.1
        {
            widget:Groups,
        },//top=>bottom No.2
        {
            widget: SceneObjects ,
        },
        {
            items:[
                //HORZION 3 COLUMNS>>>>>>
                {
                widget:'horizontalLayout',
                //-----style inline ------
                style:{
                 'width':'100%',
                 'height':'100%',
                },
                //-----style inline ------
                mode:'flex',
                items:[
                    {
                        flex:'true'
                    },//left=>right No.1
             
                       ]
                }
                //HORZION 3 COLUMNS>>>>>>
            ],
        }//top=>bottom No.3
           ]
      }
      //VERTICAL 2 ROWS>>>>>>  
    ],
   }
}